<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <div class="a">
      <common class="c"></common>
      <private-a class="a-a"></private-a>
    </div>
  </div>
</template>

<script>
import Test from '@/global/js/utils/test.js'
// 引入公共的组件
import Common from '@/global/components/Common'
// 引入项目A私有的组件
import PrivateA from '../components/PrivateA'

export default {
  name: 'home',
  components: {
    Common,
    PrivateA,
  },
  metaInfo: {
    title: '我是头部',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width' },
      { vmid: 'description', name: 'description', content: '我是描述！！！' },
    ],
  },
  mounted() {
    console.log('Test', Test.name)
  },
}
</script>

<style lang="scss" scoped>
.a {
  width: 800px;
  height: 50px;
  display: flex;
  margin: 0 auto;
  .c {
    flex: 1;
  }
  .a-a {
    flex: 1;
  }
}
</style>
